.footer {
    height: 127px;
    background-color: #f2f2f2;
    padding-bottom: 52px;
    box-sizing: content-box;
    color: #666;
    border-top: 1px solid #d3d3d3;

    display: flex;
    justify-content: space-between;
    align-items: center;
    .left {
        padding-top: 15px;
        line-height: 24px;
        .link {
            a {
                color: #999;
              }
          
              .line {
                margin: 0 10px;
                color: #999;
              }
        }
        .copyright {
            span {
              margin-right: 15px;
            }
          }
    }
    .right {
        display: flex;
        justify-content: space-around;
        flex: 1;
        padding: 0 20px;
        .item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            .link {
                display: block;
                width: 50px;
                height: 45px;
                // background-image: url(${require("@/assets/img/sprite_footer_02.png")});
                background-image: url('../../assets/img/sprite_footer_02.png');
                background-size: 110px 450px;
              }
              :nth-child(1) .link {
                background-position: -60px -101px;
              }
              :nth-child(2) .link {
                background-position: 0 0;
              }
              :nth-child(3) .link {
                background-position: -60px -50px;
              }
              :nth-child(4) .link {
                background-position: 0 -101px;
              }
              .title {
                margin-top: 5px;
                display: block;
                width: 52px;
                height: 10px;
                // background-image: url(${require("@/assets/img/sprite_footer_01.png")});
                background-image: url('../../assets/img/sprite_footer_01.png');
                background-size: 180px 100px;
              }
          
              :nth-child(1) .title {
                background-position: -1px -90px;
              }
              :nth-child(2) .title {
                background-position: 0 0;
                margin-top: 7px;
              }
              :nth-child(3) .title {
                background-position: 0 -54px;
                margin-top: 6px;
              }
          
              :nth-child(4) .title {
                background-position: -1px -72px;
                margin-top: 6px;
              }
          
        }
        
    }
}